<template>
<div class="tag-box">
  <span class="tag"><span>标签1</span></span>
  <span class="tag"><span>标签1</span></span>
  <span class="tag"><span>标签1</span></span>
</div>
</template>
<script setup>
</script>
<style>
.tag-box {
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tag {
    border-bottom: 1px solid gray;
    height: 80px;
    text-align: center;
    width:200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tag:hover {
  background-color: aqua;
}

</style>